<!DOCTYPE html>
<html style="font-size:0px">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>家纺1</title>
  <link rel="stylesheet" href="../css/ppx.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body id="jiafang">
 
 <div id="priceMenu">
   <ul class="title">
     <li><a href="#"><span>洗衣计价</span></a></li>
     <li class="on"><a href="#"><span>家纺计价</span></a></li>
     <li ><a href="#"><span>称重洗涤</span></a></li>
     <li><a href="#"><span>特惠活动</span></a></li>
   </ul>
    <div class="status s1"></div>
 </div>
 <div class="con con1 bottom">
   <div class="wrap">
    <div id="priceSlide">
      <div class="hd">
        <div class="link link1 on"><div class="tabwrap">9元</div></div>
        <div class="link link2"><div class="tabwrap">19元</div></div>
        <div class="link link3"><div class="tabwrap">29元</div></div>
        <div class="link link4"><div class="tabwrap">69元</div></div>
      </div>
      <div class="bd bor-l">
        <div class="tab"> 
          <div class="L1"><p class="p1">毛巾、浴巾、薄被套(单人)、床单、枕套、沙发套(单个)等</p></div>
          <div class="L2">
            <img src="../images/c_jfbg1.png" alt="">
          </div>  
        </div>
        <div class="tab" style="display:none">
          <div class="L1"><p class="p1">毛巾被(单人)、薄被套(双人)、抱枕、靠枕等</p></div>
          <div class="L2">
            <img src="../images/c_jfbg2.png" alt="">
          </div>  
        </div>
        <div class="tab" style="display:none">
          <div class="L1"><p class="p1">毛巾被(双人)、珊瑚绒床单、被套(厚)、床罩等</p></div>
          <div class="L2">
            <img src="../images/c_jfbg3.png" alt="">
          </div>  
        </div>
        <div class="tab" style="display:none">
          <div class="L1"><p class="p1">夏凉被、春秋被、毛毯、棉被、腈纶毯等</p></div>
          <div class="L2">
            <img src="../images/c_jfbg4.png" alt="">
          </div>  
        </div>
      </div>  
      <div class="L3"><p class="p1">详细服务流程请查看 <a href="#">服务说明</a></p></div>
    </div>
    
    
   </div>
 </div> 
 
 
 <div class="footer2">
    <div class="L1">
      <button>立即预约</button>
    </div>
 </div>
<script src="../js/jquery-1.10.1.min.js"></script>

<script type="text/javascript">




 
 
$(document).ready(function(){



        $("#priceSlide .hd .link").click(function(){
          $(this).addClass("on").siblings().removeClass("on");
          var _index=$(this).index();
          if(_index==0){
            $("#priceSlide .bd").removeClass("bor-r").addClass("bor-l");
          }else if(_index==3){
              $("#priceSlide .bd").removeClass("bor-l").addClass("bor-r");
          }else{
            $("#priceSlide .bd").removeClass("bor-l").removeClass("bor-r");
          }
          $("#priceSlide .bd .tab").hide().eq(_index).show();
        });
    // var foo_hei=$("#footer").height().toString().replace("px","");
    // var doc_hei=$("#wrapper").height().toString().replace("px","");
    // var view_hei=$(window).height().toString().replace("px","");
    // console.log(foo_hei,doc_hei,view_hei);
    // if((doc_hei*1+foo_hei*1)>view_hei){

    // $("#wrapper").height((doc_hei*1+foo_hei*1)+'px');
    // }









});
</script>
</body>
</html>